<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <title>贺喜时尚商城</title>
    <link rel="shortcut icon" href="<?php echo $this->res_base . "/" . 'images/favicon.ico'; ?>" type="image/x-icon" />
    
    
    

    <script src="<?php echo $this->res_base . "/" . 'js/jquery-1.11.0.min.js'; ?>" type="application/javascript"></script>

    <link href="<?php echo $this->res_base . "/" . 'css/index/bzyy.css'; ?>" rel="stylesheet">
    <style>
        #slide{overflow:hidden;width:100%; height:562px;}
        .slideul1{width:399999999999px;}
        #slide ul li{float:left; display:inline; list-style:none; overflow:hidden; margin:0; padding-right:40px;}
        #slide ul{padding:0px; margin:0px;}
        .slideul2{float:left;  overflow:hidden; padding:0px; margin:0}
        .slideul2 li{float:left; display:inline; list-style:none; overflow:hidden; margin:0; padding-right:40px;}
    </style>
</head>
<body>

<div class="boddiv" style="width: 100%">
    <div class="main_focus">
        <div class="main" style="width: 100%">

            <div class="col-lg-12 col-sm-12 col-md-12" style="padding: 0;">
                <img src="<?php echo $this->res_base . "/" . 'images/index/header.jpg'; ?>" width="100%" >
            </div>
        </div>
    </div>
    <div class="col-lg-12 col-sm-12 col-md-12" style="height: 64px;"></div>



    <div id="slide">
        <ul class="slideul1">
            <li class="slideli1">
                <ul class="slideul2">
                    <li><img src="<?php echo $this->res_base . "/" . 'images/index/1.jpg'; ?>"/></li>
                    <li><img src="<?php echo $this->res_base . "/" . 'images/index/2.jpg'; ?>"/></li>
                    <li><img src="<?php echo $this->res_base . "/" . 'images/index/3.jpg'; ?>"/></li>
                    <li><img src="<?php echo $this->res_base . "/" . 'images/index/4.jpg'; ?>"/></li>
                    <li><img src="<?php echo $this->res_base . "/" . 'images/index/5.jpg'; ?>"/></li>
                    <li><img src="<?php echo $this->res_base . "/" . 'images/index/6.jpg'; ?>"/></li>
                    <li><img src="<?php echo $this->res_base . "/" . 'images/index/7.jpg'; ?>"/></li>
                    <li><img src="<?php echo $this->res_base . "/" . 'images/index/8.jpg'; ?>"/></li>
                    <li style="padding:0"><img src="<?php echo $this->res_base . "/" . 'images/index/9.jpg'; ?>"/></li>
                </ul>
            <li class="slideli2"></li>
        </ul>
    </div>








</div>

<div class="col-lg-12 col-md-12 col-sm-3" style="height: 64px;"></div>

<div class="back_foot">
    <div class="main">
        <div class="">
            <img src="<?php echo $this->res_base . "/" . 'images/index/footer.jpg'; ?>"  height="247px">
            <img src="<?php echo $this->res_base . "/" . 'images/index/lianxi.jpg'; ?>"  height="213px">
        </div>
    </div>
</div>

</div>
<script type="text/javascript">
    var _speed=20;
    var _slide = $("#slide");
    var _slideli1 = $(".slideli1");
    var _slideli2 = $(".slideli2");
    _slideli2.html(_slideli1.html());
    function Marquee(){
        if(_slide.scrollLeft() >= _slideli1.width())
            _slide.scrollLeft(0);
        else{
            _slide.scrollLeft(_slide.scrollLeft()+1);
        }
    }
    $(function(){
        //两秒后调用
        var sliding=setInterval(Marquee,_speed)
        _slide.hover(function() {
            //鼠标移动DIV上停止
            clearInterval(sliding);
        },function(){
            //离开继续调用
            sliding=setInterval(Marquee,_speed);
        });
    });
</script>




</body>
</html>